<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2794325_uexljornfi.css">
    <!-- 引用百度地图API文件 -->
    <script type="text/javascript"
        src="http://api.map.baidu.com/api?v=3.0&ak=Oz8lGamXX4usevLSEGPxoI8zPb1UvweH"></script>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <header>
        <h1 onclick="locationIndex()"><i class="iconfont icon-ditu-dibiao"></i> 唯尚丝网笼具制品厂 <i
                class="iconfont icon-xiajiantou"></i></h1>
        <div class="top">
            <input type="text" placeholder="搜索饿了么商家、商品名称">
            <i class="iconfont  icon-sousuo"></i>
        </div>
    </header>
    <main>
        <section>
            <ul class="list">
                <li>
                    <a href="">
                        <img src="https://cube.elemecdn.com/7/d8/a867c870b22bc74c87c348b75528djpeg.jpeg?x-oss-process=image/resize,w_90,h_90,m_fixed"
                            alt="">
                        <p>美食</p>
                    </a>
                </li>
                <li>
                    <a href="InsteadShopping.html">
                        <img src="https://cube.elemecdn.com/e/58/bceb19258e3264e64fb856722c3c1jpeg.jpeg?x-oss-process=image/resize,w_90,h_90,m_fixed"
                            alt="">
                        <p>跑腿代购</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="https://cube.elemecdn.com/b/7f/432619fb21a40b05cd25d11eca02djpeg.jpeg?x-oss-process=image/resize,w_90,h_90,m_fixed"
                            alt="">
                        <p>汉堡披萨</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="https://cube.elemecdn.com/7/d6/6f2631288a44ec177204e05cbcb93jpeg.jpeg?x-oss-process=image/resize,w_90,h_90,m_fixed"
                            alt="">
                        <p>地方小吃</p>
                    </a>
                </li>
            </ul>
        </section>
        <section class="Quality clearfix">
            <div class="QualityLeft fl">
                <h3>品质套餐</h3>
                <span>搭配齐全吃得好</span>
                <p>立即抢购></p>
            </div>
            <img class="fr"
                src="https://cube.elemecdn.com/e/ee/df43e7e53f6e1346c3fda0609f1d3png.png?x-oss-process=image/resize,w_282,h_188,m_fixed"
                alt="">
        </section>
        <section class="Recommended">
            <h3>-- 推荐商家 --</h3>
            <ul class="RecommendedList">
                <li>
                    <a href="">综合排序 <i class="iconfont icon-xia"></i></a>
                </li>
                <li>
                    <a href="">距离最近</a>
                </li>
                <li>
                    <a href="">销量最高</a>
                </li>
                <li>
                    <a href="">筛选</a>
                </li>
            </ul>
            <!-- 商家 -->
            <ul class="sellerlist">
                <li>
                    <a href="BusinessDetails.html">
                        <div class="seller clearfix">
                            <img class="sellerimg fl"
                                src="https://cube.elemecdn.com/e/69/cec57e27ea9422cd9a84691a4bc23png.png?x-oss-process=image/resize,w_130,h_130,m_fixed"
                                alt="">
                            <div class="sellerright fl">
                                <h4>高老大一品胡辣汤 <i>...</i></h4>
                                <p><img src=""
                                        alt="">
                                    <span>4.4</span>
                                    <span>月售754单</span>
                                </p>
                                <p class="clearfix">
                                    <span class="fl">
                                        &yen;20起送| 满30配送&yen;1.8
                                    </span>
                                    <span class="fr">
                                        4.29km |39分钟
                                    </span>
                                </p>
                                <p><span>胡辣汤 |</span></p>
                                <!-- 活动 -->
                                <div class="activity">
                                    <p><span>减</span> <span>满26元减3元，满35元减5元，满50元减7元</span></p>
                                    <p><span>折</span> <span>折扣商品3折起</span></p>
                                    <p><span>首</span> <span>首次光顾本店立减1元</span></p>
                                    <p><span>保</span> <span>该食品安全已由国泰险承担</span></p>
                                    <p><span>退</span> <span>退款在订单配送前可免费享受</span></p>
                                </div>
                            </div>

                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="seller clearfix">
                            <img class="sellerimg fl"
                                src="https://cube.elemecdn.com/6/ac/0b7d43f3822f8c64c9711fd336a77jpeg.jpeg?x-oss-process=image/resize,w_130,h_130,m_fixed"
                                alt="">
                            <div class="sellerright fl">
                                <h4>壹加壹炸鸡汉堡 <i>...</i></h4>
                                <p><img src=""
                                        alt="">
                                    <span>4.6</span>
                                    <span>月售478单</span>
                                </p>
                                <p class="clearfix">
                                    <span class="fl">
                                        &yen;20起送 | 满49减26元
                                    </span>
                                    <span class="fr">
                                        4.27km |45分钟
                                    </span>
                                </p>
                                <p><span>汉堡薯条 |</span></p>
                                <!-- 活动 -->
                                <div class="activity">
                                    <p><span>减</span> <span>满25元减20元，满49元减26元，满89元减40元，满199元减100元，满299元减159元</span></p>
                                    <p><span>配</span> <span>配送费立减2.6元</span></p>
                                    <p><span>特</span> <span>特价商品0.01元起</span></p>
                                    <p><span>折</span> <span>折扣商品4折起</span></p>
                                    <p><span>保</span> <span>该商户食品安全已由国泰产险承担，食品安全有保障</span></p>
                                </div>
                            </div>

                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="seller clearfix">
                            <img class="sellerimg fl"
                                src="https://cube.elemecdn.com/d/7a/92cb9e5cb48ef6cebed159e6a9444JPEG.JPEG" alt="">
                            <div class="sellerright fl">
                                <h4>渝来鱼爱你·无刺酸菜鱼(二七万达店) <i>...</i></h4>
                                <p><img src=""
                                        alt="">
                                    <span>4.7</span>
                                    <span>月售1934单</span>
                                </p>
                                <p class="clearfix">
                                    <span class="fl">
                                        &yen;20起送 | 免配送费
                                    </span>
                                    <span class="fr">
                                        1.08km |38分钟
                                    </span>
                                </p>
                                <p><span>川湘菜 |</span></p>
                                <!-- 活动 -->
                                <div class="activity">
                                    <p><span>减</span> <span>满20元减11元，满39元减13元，满49元减15元，满59元减19元，满75元减22元</span></p>
                                    <p><span>配</span> <span>配送费立减3.8元</span></p>
                                    <p><span>特</span> <span>特价商品0.1元起</span></p>
                                    <p><span>保</span> <span>该商户食品安全已由国泰产险承担，食品安全有保障</span></p>
                                    <p><span>票</span> <span>该商家支持开发票，请在下单时填写好发票抬头</span></p>
                                    <!-- <p><span>退</span> <span>退款在订单配送前可免费享受</span></p> -->
                                </div>
                            </div>

                        </div>
                    </a>
                </li>
            </ul>
        </section>
        <section><i onclick="xTop()" class="shangjt iconfont icon-xiangshangyuanjiantoushangjiantoumianxing"></i>
        </section>
    </main>
    <!-- 选择收货地址 -->
    <div class="location">
        <div class="locationHeader">
            <span onclick="locationIndexTo()">&lt;</span>
            <span>选择收货地址</span>
            <span id="addressNewid">新增地址</span>
        </div>
        <div class="locationMain">
            <div class="dingwei">
                <!-- 创建地图容器元素 -->
                <span id="container">信仰</span>
                <i class="iconfont icon-xia"></i>
                <span class="inp">
                    <i class="iconfont icon-sousuo"></i>
                    <input type="text" placeholder="请输入地址">
                </span>
            </div>
            <div class="current">
                <div class="currentMain">当前地址</div>
                <div class="currentbox">
                    <div class="currentboxText">重新定位重新定位2重新定位重新定位2重新定位重新定位2</div>

                    <div id="allmap" style="display: none;">展示地图的容器</div>
                    <script type="text/javascript"
                        src="https://api.map.baidu.com/api?v=3.0&ak=Oz8lGamXX4usevLSEGPxoI8zPb1UvweH"></script>
                    <div class="currentboxpo" onclick="dingwei()"><i class="iconfont icon-dingwei"></i> 重新定位</div>
                </div>
                <div class="currentMain">收货地址</div>
                <ul class="address">
                    <li>
                        <p><b>杨</b> <span>先生</span> <span>13784366734</span> </p>
                        <p>河南省信阳市平桥区楚王城九方购物广场</p>
                    </li>
                </ul>
            </div>

        </div>
    </div>
    <footer>
        <ul>
            <li>
                <a href=""><i class="iconfont icon-elema"></i>
                    <p>首页</p>
                </a>
            </li>
            <li>
                <a href=""><i class="iconfont icon-faxian"></i>
                    <p>发现</p>
                </a>
            </li>
            <li>
                <a href=""><i class="iconfont icon-dingdan"></i>
                    <p>订单</p>
                </a>
            </li>
            <li>
                <a href=""><i class="iconfont icon-wode"></i>
                    <p>我的</p>
                </a>
            </li>
        </ul>
    </footer>

    <!-- 添加地址 -->
    <div class="addressNew">
        <div class="addressNewtop">
            <span onclick="locationIndexTo()">&lt;</span>
            <span>添加地址</span>
        </div>
        <ul class="addressNewMain">
            <li><b>联系人</b> <input id="addressNewMaininp" type="text" placeholder="姓名">
                <span onclick="addressButton()" class="addressButton addressNan acolor">先生</span>
                <span onclick="addressButton()" class="addressButton addressNv">女士</span>
            </li>
            <li><b>电话</b> <input id="tcl" type="text" placeholder="手机号码"></li>
            <li><b>地址</b> <input id="xiaoqu" type="text" placeholder="小区/写字楼/学校等"></li>
            <li><b>门牌号</b> <input id="lou" type="text" placeholder="10号楼5层501室206"></li>
            <li id="biaoqian"><b>标签</b>
                <span class="addressButton home">家</span>
                <span class="addressButton shool">学校</span>
                <span class="addressButton company">公司</span>
            </li>
        </ul>
        <p class="addressNewENT">确定</p>
    </div>
</body>
<script src="./js/base.js"></script>
<script src="./js/index.js"></script>
</html>